<template>
  <div class="wholesale-detail">
    <div class="block">
      <header>
        <h2>详情-{{ detailData.paymentStatus }}</h2>
      </header>
      <section>
        <el-row :gutter="80">
          <el-col :span="9">
            订单编号
            <span>{{ detailData.orderId ? detailData.orderId : '-' }}</span>
          </el-col>
          <el-col :span="9">
            下单时间
            <span>{{ detailData.orderDate ? detailData.orderDate : '-' }}</span>
          </el-col>
          <el-col :span="9">
            订单/供货单金额（元）
            <span>{{ detailData.orderAmount ? detailData.orderAmount : '-' }}</span>
          </el-col>
          <el-col :span="9">
            实付金额
            <span>{{ detailData.paymentPrice ? detailData.paymentPrice : '-' }}</span>
          </el-col>
          <el-col :span="9">
            支付用途
            <span>{{ detailData.payUse }}</span>
          </el-col>
          <el-col :span="9">
            业务类型
            <span>{{ detailData.busModel }}</span>
          </el-col>
        </el-row>
      </section>
      <div class="hr" />
      <section>
        <el-row :gutter="80">
          <el-col :span="9">
            收款方
            <span>{{ detailData.payeeCompanyName ? detailData.payeeCompanyName : '-' }}</span>
          </el-col>
          <el-col :span="9">
            收款方银行名称
            <span>{{ detailData.payeeAccNoBank ? detailData.payeeAccNoBank : '-' }}</span>
          </el-col>
          <el-col :span="9">
            收款方银行账号
            <span>{{ detailData.payeeAccNo ? detailData.payeeAccNo : '-' }}</span>
          </el-col>
          <el-col :span="9">
            汇款时间
            <span>{{ detailData.paymentDate ? detailData.paymentDate : '-' }}</span>
          </el-col>
          <el-col :span="9">
            到账时间
            <span>{{ detailData.toAccountDate ? detailData.toAccountDate : '-' }}</span>
          </el-col>
          <!-- 缺少字段 -->
          <el-col :span="18">
            备注
            <span>{{ detailData.remark ? detailData.remark : '-' }}</span>
          </el-col>
        </el-row>
      </section>
      <p v-if="detailData.isAccount === 2" class="daozhang">
        <img src="@assets/img/daozhangshibai.png" alt /> 到账失败原因：银行清算失败，支付金额原路返回
      </p>
      <p style="height:8px;" />
    </div>
    <div class="block">
      <header>
        <h2>产品详情</h2>
      </header>
      <section>
        <el-editable
          v-loading="tableLoading"
          stripe
          :columns="C0LUMNS"
          :data="payload.content"
          :payload="payload"
          :need-pagination="true"
          height="400"
          @reload="reloadPagination"
        />
      </section>
    </div>
  </div>
</template>
<script src="./index.js"></script>

<style lang="less" src="./index.less" scoped></style>
